/*定位：position 属性的五个值：
static：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
relative：相对定位元素的定位是相对其正常位置(移动相对定位元素，但它原本所占的空间不会改变。)
fixed:元素的位置相对于浏览器窗口是固定位置(即使窗口是滚动的它也不会移动!)
absolute:绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
sticky:粘性定位,粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
详细说明参见 https://www.runoob.com/css/css-positioning.html*/

/*id 和 class 选择器
带有‘#’开头的样式
类名叫class，以‘.’开头，如.aa；
id以‘#’开头，如#main；
详细参见 https://www.runoob.com/css/css-id-class.html*/

/*中文风格样式*/
.login_Chineseword {
    position: absolute;
    margin-top: 125px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 60px;
    font-size: 40px;
    color: white;
}

/*英文风格样式*/
.login_Englishword {
    position: absolute;
    margin-top: 480px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 60px;
    font-size: 40px;
    color: white;
}

.login_welcome {
    position: absolute;
    background: url("welcome.jpg") 1920px 950px;
}

/*登录操作部分风格样式*/
.login_loginform {
    position: absolute;
    margin-top: 250px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 1240px;
    height: 250px;
    width: 410px;
    background-color: white;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.5);
}

.login_errorsubmit {
    position: absolute;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 90px;
    width: 400px;
    color: red;
}

/*如何使字体宽度自适应*/
#login_labellogin {
    position: absolute;
    margin-top: -10px;
    text-align: center;
    margin-left: 80px;
    width: 180px;
    color: white;
    font-size: 20px;
}

#usernameinput {
    width: 340px;
}

#passwordinput {
    width: 340px;
}

#loginbutton {
    width: 340px;
}

#login_warn_tip {
    color: red;
}